<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<link rel="stylesheet/less" type="text/css"
	href="${resource(dir:'less', file:'style.less') }">
<link rel="stylesheet"
	href="${resource(dir: 'css', file: 'common.css')}" type="text/css">
<script src="${resource(dir:'js', file: 'less-1.3.0.min.js') }"></script>
<script
	src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.3/bootstrap.min.js"></script>
<script src="${resource(dir:'js', file:'underscore-1.4.2.min.js') }"></script>
<script src="${resource(dir:'js', file:'backbone-0.9.2.min.js') }"></script>
<script src="${resource(dir:'js/app', file:'namespace.js') }"></script>
<script src="${resource(dir:'js', file:'jquery.placeholder.min.js') }"></script>
<link href="${resource(dir:'datepicker/css', file:'datepicker.css') }"
	rel="stylesheet">
<script
	src="${resource(dir:'datepicker/js', file:'bootstrap-datepicker.js') }"></script>
<script>
	$(document).ready(function() {
		$('input, textarea').placeholder();
		$('#from-date').datepicker();
		$('#to-date').datepicker();
	});
</script>
<title><g:layoutTitle /></title>
<g:layoutHead />
</head>
<body>
	<div class="updating-label hidden">
		<img src="${resource(dir:'less/images', file:'loader.gif') }" width=30 />
	</div>
	<div class="header">
		<div class="header-txt pull-left">
			<ul>
				<li class="dropdown"><a href="#" class="dropdown-toggle"
					data-toggle="dropdown"><h4>
							MasterCard
						</h4></a>
				</li>
			</ul>
		</div>
		<div class="input-append pull-left left header-search hidden-phone">
			<form
				action="<g:createLink controller="deal" action="searchDeals" />"
				method="get">
				<input class="span4" name="query" size="16" type="text"
					id="share-link-input" placeholder="Search Exclusive Deals...">
				<button class="btn" id="share-link" type="submit">Search</button>
			</form>
		</div>
		<div style="clear: both;"></div>
	</div>

	<div class="content">
		<div class="main-content pull-left">
			<!-- Place somewhere in the <body> of your page -->
			<div id="myCarousel" class="carousel slide">
				<div class="carousel-inner">
					<div class="item active">
						<img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" width="1200" height="700" alt="">
						<div class="carousel-caption">
							<h4>Manage Credit Card Spending</h4>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id dolor id nibh ultricies vehicula ut id elit.</p>
						</div>
					</div>
					<div class="item">
						<img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" width="1200" height="700" alt="">
						<div class="carousel-caption">
							<h4>Enjoy Exclusive Deals</h4>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id dolor id nibh ultricies vehicula ut id elit.</p>
						</div>
					</div>
					<div class="item">
						<img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg"  width="1200" height="700" alt="">
						<div class="carousel-caption">
							<h4>Earns Rewards and Vouchers</h4>
							<p>Cras justo odio, dapibus ac facilisis in, egestas eget
								quam. Donec id elit non mi porta gravida at eget metus. Nullam
								id dolor id nibh ultricies vehicula ut id elit.</p>
						</div>
					</div>
				</div>
				<a class="left carousel-control" href="#myCarousel"
					data-slide="prev">&lsaquo;</a> <a class="right carousel-control"
					href="#myCarousel" data-slide="next">&rsaquo;</a>
			</div>


		</div>

		<div class="deals pull-right">
			<g:layoutBody />
		</div>
		<div style="clear: both;"></div>
		<p></p>
		<br />
		<div class="footer">
			<div class="pull-left">
				<b><g:link controller="auth" action="about">About MPEMS</g:link> | <g:link controller="auth" action="contactUs">Contact Us</g:link> | <g:link controller="auth" action="terms">Terms and Condition</g:link></b>
			</div>
		</div>
	</div>
</body>
</html>